<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:a4j="http://richfaces.org/a4j"
                xmlns:rich="http://richfaces.org/rich"
                template="layout_2.xhtml"
                xmlns:f="http://java.sun.com/jsf/core">



    <ui:define name="content">
        <f:view>
            <h:form id="form">

                <a4j:outputPanel >
                    <h:panelGrid columns="3">
                        <rich:validator >

                            <h:outputText value="Tytuł książki : " />
                            <h:inputText required="false" value="#{dodawanieKsiazkiManager.tytul}">    

                            </h:inputText>
                            <rich:message for="name" ajaxRendered="true" />

                            <h:outputText value="Imię autora: " > 

                            </h:outputText> 
                            <h:inputText required="false" value="#{dodawanieKsiazkiManager.imieAutora}">                        
                            </h:inputText>
                            <rich:message for="name" ajaxRendered="true" />

                            <h:outputText value="Nazwisko autora: " > 

                            </h:outputText> 
                            <h:inputText required="false" value="#{dodawanieKsiazkiManager.nazwiskoAutora}">                        
                            </h:inputText>
                            <rich:message for="name" ajaxRendered="true" />

                        </rich:validator>
                        <rich:notifyMessages stayTime="2000" nonblocking="true" />
                    </h:panelGrid>

                </a4j:outputPanel>
                <a4j:commandButton  id="wyszukaj" action="#{dodawanieKsiazkiManager.getListaKsiazek}" value="Szukaj"  render="table"/>


                <center>
                    <rich:dataScroller for="table" maxPages="5" />   
                    <rich:dataTable 
                        onrowmouseover="this.style.backgroundColor='#F1F1F1'"
                        onrowmouseout="this.style.backgroundColor='#FFFFFF'"
                        id="table" 
                        value="#{dodawanieKsiazkiManager.dataList}" 
                        var="item" 
                        rows="30" 
                        >
                        <f:facet name="noData">
                            Brak książek
                        </f:facet>
                        <rich:column  sortBy="#{item.isbn}"  style="width:75px">
                            <f:facet name="header">               
                                <h:outputText value="Numer ISBN " />
                            </f:facet>
                            <h:outputText value="#{item.isbn}" />
                        </rich:column>

                        <rich:column sortBy="#{item.imieAutora}">
                            <f:facet name="header">
                                <h:outputText value="Imię autora" />
                            </f:facet>
                            <h:outputText value="#{item.imieAutora}" />
                        </rich:column>
                        <rich:column sortBy="#{item.nazwiskoAutora}">
                            <f:facet name="header">
                                <h:outputText value="Nazwisko autora" />
                            </f:facet>
                            <h:outputText value="#{item.nazwiskoAutora}" />
                        </rich:column>
                        <rich:column sortBy="#{item.tytul}">
                            <f:facet name="header">
                                <h:outputText value="Tytuł" />
                            </f:facet>
                            <h:outputText value="#{item.tytul}" />
                        </rich:column>

                        <rich:column sortBy="#{item.nazwaWydawnictwa}">
                            <f:facet name="header">
                                <h:outputText value="Wydawnictwo" />
                            </f:facet>
                            <h:outputText value="#{item.nazwaWydawnictwa}" />
                        </rich:column>

                        <rich:column sortBy="#{item.dataWydania}">
                            <f:facet name="header">
                                <h:outputText value="Data wydania" />
                            </f:facet>
                            <h:outputText value="#{item.dataWydania}" />
                        </rich:column>

                        <rich:column sortBy="#{item.status}"> 
                            <f:facet name="header">
                                <h:outputText value="Status " />
                            </f:facet>
                            <h:outputText value="#{item.status}" />
                        </rich:column>  

                        <rich:column > 
                            <f:facet name="header">
                                <h:outputText value="Akcja" />
                            </f:facet>

                            <a4j:commandButton id="rezerwujButton"  value="Usuń" 
                                               oncomplete="#{rich:component('popup4')}.show()">           
                                <f:setPropertyActionListener value="#{item}"   target="#{dodawanieKsiazkiManager.currentItem}" />
                            </a4j:commandButton>    



                        </rich:column>        


                    </rich:dataTable>
                    <rich:dataScroller for="table" maxPages="5" />   
                    <br></br>


                    <a4j:commandButton id="rezerwujButton"  value="Dodaj nową książkę" 
                                       action="#{dodawanieKsiazkiManager.prepareDodawanieKsiazki}" 
                                       oncomplete="#{rich:component('popup3')}.show()">           

                    </a4j:commandButton>    
                </center>    
                <rich:messages/>
            </h:form>



            <rich:popupPanel id="popup3" modal="false" autosized="true" resizeable="false">
                <f:facet name="header">
                    <h:outputText value="Dodawanie książki" />
                </f:facet>
                <f:facet name="controls">
                    <h:outputLink value="#" onclick="#{rich:component('popup3')}.hide(); return false;">
                        X
                    </h:outputLink>
                </f:facet>
                <h:form>
                  
                    <a4j:outputPanel>

                        <h:panelGrid columns="2">

                            <h:outputText value="Numer ISBN: "/>
                            <h:inputText  value="#{dodawanieKsiazkiManager.nowaKsiazka.isbn}"/>    

                            <h:outputText value="Tytuł: "/>
                            <h:inputText  value="#{dodawanieKsiazkiManager.nowaKsiazka.tytul}"/>



                            <h:outputText value="nazwisko autora: "/>
                            <rich:autocomplete  
                                id="idAutor1"
                                mode="ajax"
                                minChars="1"                        
                                var="autor" 
                                layout="table" 
                                autocompleteMethod="#{dodawanieKsiazkiManager.autocompletNazwisko}"
                                autocompleteList="#{dodawanieKsiazkiManager.sugerowanaListaAutorow}"
                                fetchValue="#{autor.nazwisko}"                               
                                selectFirst="false" 
                                value="#{dodawanieKsiazkiManager.nowaKsiazka.nazwiskoAutora}" required="true"
                                >

                                <rich:column>
                                    <h:outputText value=" #{autor.nazwisko} " />
                                </rich:column>
                                <rich:column>
                                    <h:outputText value=" #{autor.imie} " />
                                </rich:column>

                            </rich:autocomplete>

                            <h:outputText value="imię autora: "/>
                            <rich:autocomplete  
                                id="idAutor2"
                                mode="ajax"
                                minChars="1"                        
                                var="autor" 
                                layout="table" 

                                autocompleteList="#{dodawanieKsiazkiManager.sugerowanaListaAutorow}"
                                fetchValue="#{autor.imie}"                               
                                selectFirst="false" 
                                value="#{dodawanieKsiazkiManager.nowaKsiazka.imieAutora}" required="true"
                                >    

                                <rich:column>
                                    <h:outputText value=" #{autor.imie} " />
                                </rich:column>

                            </rich:autocomplete>

                            <h:outputText value="wydawnictwo: "/>
                            <rich:autocomplete  
                                id="idWydawnictwo2"
                                mode="ajax"
                                minChars="1"                        
                                var="wydawnictwo" 
                                layout="table" 
                                autocompleteMethod="#{dodawanieKsiazkiManager.autocompletWydawnictw}"
                                autocompleteList="#{dodawanieKsiazkiManager.sugerowanaListaWydawnictw}"
                                fetchValue="#{wydawnictwo.nazwaWydawnictwa}"                               
                                selectFirst="false" 
                                value="#{dodawanieKsiazkiManager.nowaKsiazka.nazwaWydawnictwa}" required="true"
                                >
                                <rich:column>
                                    <h:outputText value=" #{wydawnictwo.nazwaWydawnictwa} " />
                                </rich:column>

                            </rich:autocomplete>

                            <h:outputText value="data wydania:  "/>
                            <rich:calendar value="#{dodawanieKsiazkiManager.nowaKsiazka.dataWydania}" 
                                           id="calendar" 
                                           locale="en/US"
                                           popup="true" 
                                           datePattern="yyyy-MM-dd" 
                                           showApplyButton="false" 
                                           style="width:200px">
                            </rich:calendar>

                            <br></br>

                                                    <a4j:commandButton value="Dodaj"    
                                           action="#{dodawanieKsiazkiManager.dodajKsiazke1}" 
                                           oncomplete="#{rich:component('popup3')}.hide()"/>
                        
                         <a4j:commandButton id="dodajKsiazke"  value="Dodaj" 
                                            action="#{dodawanieKsiazkiManager.dodajKsiazke1()}" 
                                      oncomplete="#{rich:component('popup3')}.hide()">      
                         </a4j:commandButton>
                            
                        </h:panelGrid>

    

                    
                   <rich:messages/>
                  
                   </a4j:outputPanel>
                </h:form>
               
            </rich:popupPanel>           


            <rich:popupPanel id="popup4" modal="false" autosized="true" resizeable="false">
                <f:facet name="header">
                    <h:outputText value="Dodawanie książki" />
                </f:facet>
                <f:facet name="controls">
                    <h:outputLink value="#" onclick="#{rich:component('popup4')}.hide(); return false;">
                        X
                    </h:outputLink>
                </f:facet>
                <h:form>
                    <a4j:outputPanel>


                        <h:panelGrid columns="2">

                            <h:outputText value="Czy na pewno chcesz usunąć książkę ? "/>



                            <br></br>



                        </h:panelGrid>
                        <a4j:commandButton value="Tak"    render="table"
                                           action="#{dodawanieKsiazkiManager.usunKsiazke}"
                                           oncomplete="if (#{facesContext.maximumSeverity==null}) #{rich:component('popup4')}.hide();">

                        </a4j:commandButton>

                        <a4j:commandButton value="Nie"   immediate="true"
                                           oncomplete="#{rich:component('popup4')}.hide()"/>
                         <rich:messages/>
                    </a4j:outputPanel>
                </h:form>
               
            </rich:popupPanel>           






        </f:view>
    </ui:define>

</ui:composition>
